.online-skill-list-item-title {
  @apply truncate;
  font-size: 28px!important;
}
.online-chat-skill-list-item-title {
  @apply truncate;
  font-size: 22px!important;
}
.chat-skill-width {
  width: 245px;
  min-width: 245px;

}
.online-skill-title {
  font-size: 45px;
}
.online-skill-page-max-w {
  max-width: 1900px;
}
.online-skill-category-title {
  font-size: 28px;
}
.skill-item {
  img {
    width: 60px!important;
    height: 60px!important;
  }
  height: 190px!important;
}
.skill-item-online {
  width: 100%!important;
  height: 150px!important;
  background: #DFF2F8FF!important;
  margin-bottom: 20px!important;
  &:hover {
    background: #BCE5ECFF!important;
  }
}
.chat-skill-more {
  display: none;
}
.chat-skill-more-box {
  display: block!important;
}


.markdown-body {
  color: black !important;
}
.writing {

  .online-writing-box{
    transform: scale(1.3)!important;
    margin-top: 7%;
  }
  .online-textarea {
    font-size: 20px!important;
    textarea {
      max-height: 370px;
    }
  }
}


.mind {
  .online-demand-font {
    font-size: 30px;
  }
  .online-demand-result {
    font-size: 24px;
  }
  .panel {
    max-width: 350px!important;
  }

}




.chat-message {
  color: black !important;
  font-size: 28px!important;
}

.markdown-body-online {
  font-size: 34px!important;
  color: black;
 }
.online-chat-max-w {
  max-width: 1900px !important;
}
.message-avatar {
  display: none;
}
.message-contain--my {
  color: black!important;
  font-size: 27px;
}

.active-skill {
  border:4px solid var(--el-color-primary)!important;
}
.online-nav-item {
  margin: 30px 0!important;
  &.active {
    div, i{
      color: var(--el-color-primary)!important;
    }
  }
}
.online-nav-font {
  i {
    font-size: 30px!important;
    color: black;
  }
  div{
    color: black !important;
    font-size: 27px!important;
  }
}
